<!DOCTYPE HTML>
<html>

<head>
        <meta charset="utf-8">
        <meta name="viewport"
                content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
        <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
        <title>main</title>
        <link rel="stylesheet" type="text/css" href="../css/api.css" />
        <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.css" rel="stylesheet">
        <style>
                .bg_p {
                        margin-top: 0px;
                }

                .person {
                        transform: scale(0.5);
                        float: left;
                }

                .role_1 {
                        margin-top: 20px;
                        float: left;
                }

                .conversation {
                        position: absolute;
                        left: 160px;
                        top: 205px;
                        width: 500px;
                        height: 120px;
                        background: rgba(51, 255, 255, .5);
                        border-radius: 5px;
                        /* 圆角 */
                        text-indent: 6px;
                        line-height: 35px;
                }

                .bg_p img {
                        position: absolute;
                        left: 0px;
                        top: 0px;
                        z-index: -1;
                        width: 100% !important;
                        height: 100% !important;
                        /* width: expression(this.width > 150 ? "150px" : this.width) !important; */
                }

                .role_1 img {
                        float: left;
                        margin-left: -130px;
                        margin-top: 0px;
                        width: 100% !important;
                        height: 150% !important;
                }

                /* #next {} */
        </style>

</head>

<body>
        <div class="bg_p">
                <!-- 背景 -->
                <img src="../image/p_path.jpg" alt="">
        </div>
        <div class="role_1">
                <img class="person" src="../image/person/women_Y.jpg" alt="">
                <form>
                        <label class="return">
                                <input type="button" name="button" id="back" value="返回"
                                        style="height:80px;width:100px;color:white;float:left;" />
                        </label>
                </form>
        </div>
        <div class="conversation">
                <div class="content">
                        <p id="text" class="text">一天晚上，</p>
                        <div id="next"><a herf="#" style="margin-top:80px;margin-left:10px"><b></b></a></div>
                </div>
        </div>
        <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
        <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
        <script>
                console.log(window.$)
                window.jQuery = window.$
        </script>
        <script type="text/javascript" src="../script/api.js"></script>
        <script type="text/javascript">
                apiready = function () {
                        api.setScreenOrientation({
                                orientation: 'landscape_left'
                        });
                };
                var mo = function (e) { e.preventDefault(); };
                function stop() {
                        document.body.style.overflow = 'hidden';
                        document.addEventListener("touchmove", mo, { passive: false });//禁止页面滑动
                }//直接默认不滑动
                stop();

        </script>
        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
        <script>
                $('#back').click(function () {
                        window.open('start.html')
                })//跳转到mian页面
        </script>
        <script src="../script/main.js" defer></script>
</body>
</html>
